<style>
</style>
<template>
    <ly-page>
        <ly-navi title="二维码"></ly-navi>
        <ly-page-content>
            <ly-qrcode text="http://baidu.com"></ly-qrcode>
            <ly-qrcode text="http://baidu.com"
                       logo-src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png"></ly-qrcode>
            <ly-qrcode text="http://baidu.com"
                       bg-src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png"></ly-qrcode>

            <ly-code-view>
                <pre v-pre>
               <ly-qrcode text="http://baidu.com"
                          logo-src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png"
                          bg-src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png"></ly-qrcode>
                </pre>
            </ly-code-view>
            <ly-markdown>
              <pre v-pre>
## `ly-qrcode`

#### Attributes

| 属性名  |说明   | 类型|可选值|默认值|
| ------------ | ------------ |------------ |------------ |------------ |
|  text | 编码的内容	 |string |-	|-	|
|  logoSrc| logo图片	  |string |-	|-|
|  bgSrc | 背景图片	  |string|-	|-|
|  correctLevel |  容错级别 0-3	 |int |-	|1	|
|  size | 尺寸, 长宽一致, 包含外边距	  |int |—	|200	|
|  margin | 二维码图像的外边距	  |int |-	|20|
|  colorDark | 实点的颜色	 |string |-	|#000000	|
|  colorLight| 空白区的颜色	  |string |-	|#FFFFFF|
|  backgroundColor | 背景色	  |string|-	|rgba(255,255,255,1)|
|  backgroundDimming |  叠加在背景图上的颜色, 在解码有难度的时有一定帮助int |string|-	|rgba(0,0,0,0)	|
|  logoScale | 用于计算 LOGO 大小的值, 过大将导致解码失败, LOGO 尺寸计算公式 logoScale*(size-2*margin)	  |float |0~1	|0.2	|
|  logoMargin | LOGO周围的空白边框	  |int |-	|0|
|  logoBackgroundColor | Logo 背景色,需要设置 logo margin	 |string |-	|rgba(255,255,255,1)	|
|  logoCornerRadius| LOGO 标识及其边框的圆角半径	  |string |-	|8|
|  whiteMargin | 若设为 true, 背景图外将绘制白色边框	  |boolean|-	|true|
|  dotScale |   default 1 数据区域点缩小比例,默认为1|int |(0 ~1.0)|1	|
|  autoColor | 若为 true, 背景图的主要颜色将作为实点的颜色, 即 colorDark |boolean |—	|true	|
|  binarize | 若为 true, 图像将被二值化处理, 未指定阈值则使用默认值	  |boolean |-	|false|
|  binarizeThreshold |   二值化处理的阈值 |int |0~255	|128|
              </pre>
            </ly-markdown>

        </ly-page-content>

    </ly-page>
</template>
<script>
    Rap.define("", [], function () {
        return {
            data: function () {
                return {
                    imgUrl: ''

                }
            },
            created: function () {

            },
            methods: {}
        }
    })
</script>